<style>
.kuohao:after {
    content: "";
    display: block;
    width: 0.24rem;
    height: 0.24rem;
    position: absolute;
    top: 50%;
    right: 0.4rem;
    border-top: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    transform: rotate(45deg) translateY(-70%);
}
.label{
	display: inline-block;
    color: #2dbb55;
    border: 1px solid #22ac38;
    height: 28.72px;
    line-height: 28.72px;
    padding: 0 10.24px;
    margin-right: 8.533px;
	border-radius: 0.16rem;
    font-size: 0.6rem;
}
.jieshao{
	content: "";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
}
.guanbi:before,.guanbi:after{
	content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.6rem;
    height: 1px;
    background-color: #888;
    transform: rotate(45deg);
}
</style>
<div>
	<div class="fui-header">
		<div class="fui-header-left" ng-click="goback()">
			<a class="back"></a>
		</div>
		<div class="title">景点</div>
		<div class="fui-header-right"></div>
	</div>
	<div class="page-content spot-content" id="productScrollFixed" style="margin-top:2rem;">
		<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true" style="margin-top:0rem">
		<div class="carousel-inner" role="listbox" style="height:6rem">
			<div ng-class="{'item':1,'active':$index==0}" ng-repeat="pic in pagedata.spot.images">
				<a href="{{item.url}}">
					<img src="{{tomedia(pic) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: 100%;">
				</a>
			</div>
		</div>
		<style>
				.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
				.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
		</style>
		<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
			<div class="fui-swipe-bullet" ng-repeat="pic in pagedata.spot.images" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
		</div>
	</div>
        <!-- 轮播图 -->
        <div style="position: relative;z-index: 90;padding: 0 10.7px;background: #fff;">
            <h1 style="padding: 10.24px 0 7.7px;font-size: 0.8rem;">{{pagedata.spot.title}}</h1>
            <div style="font-size: 0;">
                <i ng-if="!empty(pagedata.spot.address)" style="display: inline-block;width: 8.5px;height: 12px;vertical-align: middle;margin: 0 5.12px 0 0;background: url(../images/dest-ads-icon.png) center no-repeat;background-size: contain;"></i>
                <a style="color: #333;text-decoration: none;-webkit-tap-highlight-color: rgba(255,0,0,0);">
					<span style="color: #666;display: inline-block;max-width: 8rem;vertical-align: middle;font-size: 0.6rem;">{{pagedata.spot.address}}</span>
					<i style="display: inline-block;width: 5.4px;height: 5.4px;vertical-align: middle;margin-left: 5.12px;border-top: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;transform: rotate(45deg);"></i>
				</a>
            </div>
            <div style="display: -webkit-box;padding-top: 10.24px;">
                <a class="kuohao" href="javascript:;" ng-click="access_json()" data-ajax="false" style="display: block;width: 50%;padding: 1px;-webkit-box-flex: 1;position: relative;margin-right: 8.53px;border: 1px solid #ebebf0;background: #f7f7fb;">
                    <span style="display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.7rem;">{{ifelse(pagedata.spot.satisfyscore>100,'100',pagedata.spot.satisfyscore)}}%满意度</span>
                    <span style="color: #999;display: block;width: 200%;margin: 3.2px 0 -11.52px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transform: scale(.5);transform-origin: left top;font-size: 0.7rem;">共有{{pagedata.spot.commentnum || 0}}条评论</span>
                </a>
                <a class="kuohao" ng-if="pagedata.spot.desc" href="#spotShowInfo" style="margin-right: 0;display: block;width: 50%;padding: 0.2rem;-webkit-box-flex: 1;position: relative;border: 1px solid #ebebf0;background: #f7f7fb;color: #333;text-decoration: none;-webkit-tap-highlight-color: rgba(255,0,0,0);" >
                    <span style="display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.6rem;">景区介绍</span>
                    <span style="color: #999;display: block;width: 200%;margin: 0.1rem 0 -0.36rem 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transform: scale(.5);transform-origin: left top;font-size: 0.7rem;">
                          景点介绍、  预订须知  
                    </span>
                </a>
            </div>
        </div>
        <div style="margin-top: 8.533px;">
            <div ng-repeat="ticket in pagedata.tickets" >
                <div style="display: flex;justify-content: space-between;align-items: center;padding: 0.32rem 0.333333rem;border-bottom: 1px solid #f2f2f2;-webkit-tap-highlight-color: rgba(255,255,255,0);background: #fff;">
                    <span style="display: inline-block;font-size: 0.7rem;">{{ticket.title}}-{{ticket.merch.merchname}}</span>
                    <i class="icon jinyunicon icon-moreunfold"></i>
                </div>
                <ul style="padding: 0 10.667px;background: #f8f9fb;display: none;list-style: none;">
                    <li ng-repeat="suit in ticket.types" style="display: flex;justify-content: space-between;align-items: center;padding: 10.24px 0;border-bottom: 1px solid #f2f2f2;">
                        <div data-id="{$suit['id']}" style="width: 6.4rem;-webkit-tap-highlight-color: rgba(255,0,0,0);">
                            <div style="font-size: 0.7rem;">{{suit.title}}</div>
                            <div style="width: 200%;transform: scale(.5);transform-origin: left top;margin: 5.12px 0 -10.24px;font-size: 0;">
                                <!--退款条件-->
                                <span ng-if="suit.refund_restriction==0" class="label">无条件退</span>
                                <span ng-if="suit.refund_restriction==1" class="label">不可退改</span>
                                <span ng-if="suit.refund_restriction==2" class="label">有条件退</span>
                                <!--支付方式-->
                                <span ng-if="suit.pay_way==1" class="label">线上支付</span>
                                <span ng-if="suit.pay_way==2" class="label">线下支付</span>
                               
                                <span ng-if="suit.pay_way==3" class="label">线上支付</span>
                                <span ng-if="suit.pay_way==3" class="label">线下支付</span>
                              
                            </div>
                            <div style="width: 200%;transform: scale(.5);transform-origin: left top;margin: 2.56px 0 -12.8px;font-size: 0;">
                                <span style="width: 256px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">当天24:00前预订</span>
                                <span style="color: #999;display: inline-block;vertical-align: top;font-size: 0.6rem;">门票说明<i style="display: inline-block;width: 9.234px;height: 9.234px;vertical-align: middle;margin: -2.56px 0 0 5.12px;border-top: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;transform: rotate(45deg);"></i></span>
                            </div>
                        </div>
                        <div style="width: 83.188px;text-align: center;">
                            <span style="color: #f70;display: block;width: 200%;transform: scale(.5);transform-origin: left;margin: -5.12px 0;font-size: 0.7rem;">&yen;<span style="font-size: 0.853333rem;">{{suit.price}}</span>起</span>                           
                            <a style="color: #333;text-decoration: none;-webkit-tap-highlight-color: rgba(255,0,0,0);" ng-if="suit.price" href="javascript:;" ng-click="access_json('jy_tour/spot.book//ticketid='+ticket.id+'&typeid='+suit.id)" data-ajax="false">
								<span style="color: #fff;display: inline-block;padding: 3.84px 12.8px;">预订</span>
							</a>                     
                            <span  ng-if="suit.price_status==1 && !suit.price" style="color: #333;text-decoration: none;-webkit-tap-highlight-color: rgba(255,0,0,0);">电询</span>                                                
                            <span ng-if="suit.price_status==3" style="color: #333;text-decoration: none;-webkit-tap-highlight-color: rgba(255,0,0,0);">电询</span>                           
                            <span ng-if="suit.price_status==2" style="color: #333;text-decoration: none;-webkit-tap-highlight-color: rgba(255,0,0,0);">订完</span>
                        </div>
                    </li>
                </ul >
            </div>
        </div>
        <div style="color: #c8c8c8;padding: 0.4rem 0;text-align: center;">亲，拉到最底啦~</div>
        <div style="height: 40.953px;">
            <div style="display: -webkit-box;height: 40.953px;position: fixed;width: 100%;left: 0;bottom: 0.2rem;z-index: 1002;box-shadow: 0 -0.013333rem 0.16rem rgba(0, 0, 0, .05);background: #fff;">
                <a style="width:20%;color: #666;display: block;height: 40.95px;position: relative;text-align: center;font-size: 0.6rem;margin:0 0 0.2rem 0.2rem;" href="tel:{{pagedata.merch.mobile}}">
					<i class="icon jinyunicon icon-kefu" style="display: block;width: 15.36px;height: 15.36px;vertical-align: top;margin: 5.12px auto 2.56px;"></i>电话客服
				</a>
				<a style="width:20%;color: #666;display: block;height: 40.95px;position: relative;text-align: center;font-size: 0.6rem;">
					<i class="icon jinyunicon icon-shoucang" style="display: block;width: 15.36px;height: 15.36px;vertical-align: top;margin: 5.12px auto 2.56px;"></i>收藏
				</a>
                <a href="javascript:;" style="width:192px;color: #fff;line-height: 40.953px;height: 40.953px;-webkit-box-flex: 1;font-size: 0.8rem;background: #2dbb55;display: block;position: relative;text-align: center;text-decoration: none;-webkit-tap-highlight-color: rgba(255,0,0,0);" >选择票型</a>
            </div>
        </div>
    </div>
</div> 
<div id="spotShowInfo" class="modal fade" tabindex="-1" style="z-index:99999;display:none;">
	<div class="modal-dialog" style="width:100%;left:0;bottom:0rem;top:0;position: absolute;">
		<div class="fui-header">
			<div class="fui-header-left" ng-click="goback()">
				<a class="back"></a>
			</div>
			<div class="title">景区介绍</div>
			<div class="fui-header-right"></div>
		</div>
		<!-- 公用顶部 -->
		<div style="position: absolute;top: 2.28rem;left: 0;right: 0;bottom: 0;overflow-y: auto;background: #f3f3f3;">
            <div ng-repeat="extend in pagedata.extends" style="margin-bottom: 0;background: #fff;">
                <h4 style="padding: 10.24px 10.667px;font-size: 0.8rem;">{{extend.title}}</h4>
                <div class="jieshao" style="color: #666;padding: 0 10.667px 10.667px;overflow: hidden;font-size: 0.6rem;">
                   {{extend.content}}
                </div>
            </div>
        <div style="color: #c8c8c8;padding: 12.8px 0;text-align: center;font-size: 0.8rem;">亲，拉到最底啦~</div>
    </div>
</div>
<!-- 景区介绍 -->
<div id="ticketInfo_{$suit['id']}" class="modal fade" tabindex="-1" style="z-index:99999;display:none;">
	<div class="modal-dialog" style="width:100%;left:0;bottom:0rem;top:0;position: absolute;padding: 0;text-align: left;">
		<div style="box-sizing: content-box;">
			<div style="padding: 7.68px 0;text-align: center;position: relative;font-size: 0.7rem;border: 1px solid #e6e6e6;">门票说明
				<i class="guanbi" style="display: inline-block;width: 19.188px;height: 19.188px;position: absolute;right: 12.8px;top: 50%;transform: translateY(-50%);cursor: pointer;-webkit-tap-highlight-color: rgba(255,0,0,0);" id="closeTicketLayer_{$suit['id']}"></i>
			</div>
        <div style="padding: 0 10.667px;position: absolute;top: 35.84px;right: 0;bottom: 40.96px;left: 0;overflow-y: auto;">
            <div style="padding: 12.8px 0;border-bottom: 1px solid #e6e6e6;">
                <h4 style="font-size: 0.7rem;">{{suit.title}}</h4>
                <div style="width: 200%;transform: scale(.5);transform-origin: left top;margin: 0.16rem 0 -0.6rem;font-size: 0;">
                    <!--退款条件-->
                    <span ng-if="suit.refund_restriction==0" style="display: inline-block;color: #2dbb55;border: 1px solid #22ac38;height: 30.719px;line-height: 30.719px;padding: 0 10.24px;margin-right: 8.533px;border-radius: 0.16rem;font-size: 0.6rem;">无条件退</span>
                    <span ng-if="suit.refund_restriction==1" style="display: inline-block;color: #2dbb55;border: 1px solid #22ac38;height: 30.719px;line-height: 30.719px;padding: 0 10.24px;margin-right: 8.533px;border-radius: 0.16rem;font-size: 0.6rem;">不可退改</span>
                    <span ng-if="suit.refund_restriction==2" style="display: inline-block;color: #2dbb55;border: 1px solid #22ac38;height: 30.719px;line-height: 30.719px;padding: 0 10.24px;margin-right: 8.533px;border-radius: 0.16rem;font-size: 0.6rem;">有条件退</span>
                    <!--支付方式-->
                    <span style="display: inline-block;color: #2dbb55;border: 1px solid #22ac38;height: 30.719px;line-height: 30.719px;padding: 0 10.24px;margin-right: 8.533px;border-radius: 0.16rem;font-size: 0.6rem;">线上支付</span>
                </div>
            </div>
            <div style="padding: 6.4px 0;">
                <h4 style="font-size: 0.8rem;">预订时间</h4>
                <div style="color: #999;font-size: 0.6rem;">当天24:00前可预订
                </div>
            </div>
            <div style="padding: 6.4px 0;">
                <h4 style="font-size: 0.8rem;">有效期</h4>
                <div style="color: #999;font-size: 0.6rem;">验票当天24:00前
                </div>
            </div>
            <div ng-if="suit.get_ticket_way" style="padding: 6.4px 0;">
                <h4 style="font-size: 0.8rem;">取票说明</h4>
                <div style="color: #999;font-size: 0.6rem;">{{suit.get_ticket_way}}</div>
            </div>
            <div ng-if="suit.merchid" style="padding: 6.4px 0;">
                <h4 style="font-size: 0.8rem;">供应商</h4>
                <div style="color: #999;font-size: 0.6rem;"">
                   {{suit.merch.name}}
                </div>
            </div>
            <div ng-if="suit.description" style="padding: 6.4px 0;">
                <h4 style="font-size: 0.8rem;">票说明</h4>
                <div class="txt editor-content clearfix">
                  {{suit.description}}
                </div>
            </div>
        </div>
        <div style="height: 1.28rem;display: -webkit-box;position: absolute;bottom: 0;left: 0;right: 0;box-shadow: 0 -0.013333rem 0.16rem rgba(0,0,0,.1);">
            <span ng-if="suit.price" style="color: #f70;-webkit-box-flex: 1;display: block;line-height: 40.953px;text-align: center;font-size: 0.6rem;">&yen;
				<span style="font-size: 0.8rem;">{{suit.price}}</span>起
			</span>
            <span ng-if="!suit.price" style="color: #f70;-webkit-box-flex: 1;display: block;line-height: 40.953px;text-align: center;font-size: 0.6rem;">电询</span>
			<a style='color: #fff;-webkit-box-flex: 2;display: block;line-height: 4;text-align: center;font-size: 0.8rem;background: #ff8620;' href="{$cmsurl}spot/book/id/{$info['id']}?suitid={$suit['id']}" data-ajax="false">立即预订</a>
        </div>
    </div>
</div>
<!-- 门票说明详情 -->
